:root{ --radius-12:12px; }
:root{
  --bg: #0f1117; /* dark default placeholder, will be overridden by theme file */
  --card: #171923;
  --border: #2a2e3d;
  --text: #e5e7eb;
  --muted: #a3a3b0;
  --primary: #5b8cff;
  /* Global UI tokens */
  --radius: 12px;
  --glass-dark: rgba(17,24,39,.5);
  --glass-light: rgba(255,255,255,.96); /* 提升浅色玻璃的对比与清晰度 */
  --shadow-dark: 0 10px 24px rgba(0,0,0,.45);
  --shadow-light: 0 12px 28px rgba(0,0,0,.16); /* 略增强阴影，提升层次 */
  --border-light: rgba(0,0,0,.14); /* 增强边界清晰度 */
}

/* 可复用：磨砂玻璃背景 */
.glass{
  background: var(--glass-dark);
  border: 1px solid var(--border);
  backdrop-filter: blur(6px);
}

/* 浅色主题适配：html[data-theme='light'] 作用于页面根节点 */
html[data-theme='light'] .glass{
  background: var(--glass-light);
  border-color: var(--border-light);
}
